<template>
  <div class="shop_item">
      <img :src="item.imgUrl" alt="" />
      <div :class="border">
        <p class="shop_item_tltle">{{item.name}}</p>
        <p><span>月售：{{item.sales}}</span><span>&nbsp;&nbsp;起送：￥{{item.expressLimit}}</span><span>&nbsp;&nbsp;基础运费：￥{{item.expressPrice}}</span></p>
        <p class="shop_item_vip">{{item.slogan}}</p>
      </div>
    </div>
</template>

<script>
export default {
  name: 'NearbyShop',
  props: ['item', 'border']
}
</script>

<style lang='scss' scoped>
@import "../../assets/style/public.scss";
 .shop_item {
    display: flex;
    margin-bottom: 0.12rem;
    img {
      width: 0.56rem;
      height: 0.56rem;
      margin-right: 0.16rem;
    }
    div {
      width: 100%;
      font-size: 0.13rem;
      p {
        margin-top: 0;
      }
    }
    &_tltle {
      font-size: 0.16rem;
      font-weight: bold;
    }
    &_vip {
      color: #e93b3b;
    }
  }
  .border_b{
    border-bottom: 1px solid $border-bottom;
  }
</style>
